<template>
  <div class="tit_box">
    <a href="#" class="more">{{headinfo.before}}<img src="static/img/icon_more.jpg" class="icon_more" /></a>
    <h1 class="tit_contain no_con_tp"><img :src=headinfo.imgurl width="15" class="icon_time" alt=""><span>{{headinfo.after}}</span></h1>    
  </div>
</template>
<script>
export default{
  props:['headinfo']
}
</script>
<style lang="scss" scoped>
.tit_box{
  margin-top:1rem;
  overflow: hidden;
  padding:1rem 0;
  line-height: 1.5rem;

  .icon_time{
    margin-top:-.1rem;
  }
  .more{
    color:#999;
    float: right;

    .icon_more{
      margin-left: 3.5px;
      vertical-align: middle;
      margin-top: -2px;
      width:10px;
    }
  }
  .tit_contain{
    font-size: 1rem;
    font-weight: bold;
    line-height: 2rem;
    color:#484848;
    padding:0 0 0 4px;
    span{
      margin-left: .5rem;
    }
  }
}
</style>